@import url(zui-theme.css);
body{
	font-size: 14px;
}
ul,ol,dl{
  margin-bottom: 0px;
}
a,a:hover{
  text-decoration: none;
}
#top{
	background: #eeeeee;
	height: 40px;
	line-height: 40px;
}
#top .container{
	position: relative;
}
#top .top-right{
	position: absolute;
	right: 0;
	width: 320px;
	height: 100px;
	background: url('../img/sd_03.png') no-repeat;
	text-align: center;
	color: #ffffff;
	z-index: 999;
}
#top .top-right a{
	color: #ffffff;
	margin:0 15px;
}
#head{
	height: 142px;
}
#head .phone{
	color: #f7140c;
	font-size: 25px;
	line-height: 1em;
	background: url('../img/d_10.png') left center no-repeat;
	height: 62px;
	padding-left: 104px;
	margin-top:40px;
	margin-right: 30px;
}
#head .phone span{
	font-size: 16px;
	color: #666666;
	line-height: 1em;
}
#nav{
	background: #379d00;
	height: 59px;
	border-bottom: 4px solid #79cd00;
}
#nav .app-nav{
	width: 100%
}
#nav .app-nav > li{
	display: table-cell;
    width: 1%;
    position: relative;
}
#nav .app-nav > li:after{
	content: "|";
	display: block;
	position: absolute;
	right: 0;
	top:16px;
	color: #ffffff;
}
#nav .app-nav > li:last-child:after{
	display: none;
}
#nav .app-nav > li > a{
	color: #FFF;
	line-height: 55px;
	display: block;
	text-align: center;
	margin-right: 1px;
}
#nav .app-nav > li > a:hover{
	background: url('../img/nav_h_07.png');
}
#soso{
	height: 51px;
	background: url('../img/ss.jpg');
	overflow:hidden;
}
#soso a{
	color: #666666;
	line-height: 51px;
}
#soso .sousuo{
	width: 250px;
	margin-top: 10px;
}
.common h2{
	color: #379d00;
	font-size: 45px;
	text-align: center;
	margin-top:30px;
}
.common p.app-h2-info{
	text-align: center;
	color: #333232;
	font-size: 24px;
	background: url('../img/h2_03.png') no-repeat center;
}
.common p.app-h2-info span{
	color: #ff7200;
}
.app-card{
	margin-bottom: 20px;
}
.app-card .img{
	display: block;
	padding: 4px;
	border:1px solid #e2e2e2;
}
.app-card .title{
	display: block;
	text-align: center;
	color: #666666;
	margin-top:10px;
}
#product .header{
	text-align: center;
	margin-bottom: 20px;
}
#product .header a{
	display: inline-block;
	background: #eaeaea;
	padding:10px 20px;
	color: #333232;
	margin:0 10px;
}
#product .header a:hover{
	background: #5faf05;
	color: #ffffff;
}
#youshi{
	background: #eff0f0;
	padding:20px 0;
}
#youshi.common p.app-h2-info{
	background: url('../img/h22.png') no-repeat center;
}
#baozhang.common p.app-h2-info{
	background: url('../img/h23.png') no-repeat center;
}
#sdtx{
	background: url('../img/bg_25.jpg') no-repeat;
	background-size: cover;
	margin-top:30px;
	padding:20px 0;
}
#sdtx.common h2{
	color: #ff7200;
}
#sdtx.common p.app-h2-info{
	background: url('../img/h24.png') no-repeat center;
	color: #ffffff;
}
#custom.common p.app-h2-info{
	background: url('../img/h24.png') no-repeat center;
}
#custom .item .media{
	margin-right: 10px;
}
#custom .item  h4 a{
	color: #333333;
	font-size: 14px;
}
#custom .item .text{
	line-height: 2rem;
}
#custom .item:after{
	content: '';
	display: block;
	clear: both;
}
#custom .item{
	margin: 20px 0;
}
#about{
	background: #f0f0f0;
	padding:40px 0;
}
#about p{
	text-indent: 2em;
	line-height: 2.3rem;
}
#news {
	margin-top: 30px;
}
#news .header{
	border-bottom: 1px solid #eaeaea;
	margin:20px 0;
	height: 40px;
}
#news h3{
	margin:0;
	height: 39px;
	line-height: 39px;
	border-bottom: 1px solid #379d00;
	color: #379d00;
	display: inline-block;
}
#news .card{
	border:0;
}
#news ul > li{
	border-bottom: 1px dashed #dbdbdb;
	height: 47px;
	line-height: 47px;
	position: relative;
}
#news ul > li > a{
	display: inline-block;
	width: 80%;
	color: #444445;
}
#news ul > li span{
	position: absolute;
	right: 0
}
#news ul > li > a:hover{
	color: #379d00;
}
#footer{
	background: #379d00;
	padding:20px 0;
	margin-top:30px;
}
#footer .footer-top{
	color: #ffffff;
	text-align: center;
	border-bottom: 1px solid #1dae0d;
	padding-bottom: 20px;
}
#footer .footer-top a{
	color: #ffffff;

	padding:0 20px;
}
#footer .footer-bottom{
	color: #ffffff;
	text-align: center;
	padding-top:30px;
}
#main {
	margin-top:20px;
}

#main .left h3{
	margin:0px;
	color: #ffffff;
	background: #379d00;
	text-align: center;
	padding:15px 0;
	padding-bottom: 0;
}
#main .left h4{
	background: #79cd00;
	margin:0px;
	padding:10px;
	margin:10px;
	color: #ffffff;
	border-radius: 4px;
}
#main .left .box{
	background: #379d00;
	padding:10px;
}
#main .left .box ul{
	margin-bottom: 0;
	background: #ffffff;
	border-radius: 4px;
	padding-bottom: 20px;
	padding-top:5px;
}
#main .left .box ul > li{
	height: 36px;
	line-height: 36px;
	border-bottom: 1px dashed #e4e1e1;
}
#main .left .box ul > li > a{
	padding:0 30px;
	color: #333333;
	background: url(../img/sub_03.png) 10px center no-repeat;
}
#main .left .box ul > li > a:hover,#main .left .box ul > li.active > a{
	background: url(../img/h_sub_03.png) 10px center no-repeat;
	color: #e90100;
}
#main .right .head{
	height: 45px;
	position: relative;
	border-bottom: 1px solid  #379d00;
}
#main .right .head h3{
	position: absolute;
	left: 0px;
	top:0;
	line-height: 45px;
	color: #ffffff;
	background: #379d00;
	padding:0 10px;
	margin:0;
}
#main .right .head .postion{
	position: absolute;
	right: 0px;
	top:15px;
	
}
ul.app-news > li{
	border-bottom: 1px dashed #dbdbdb;
    height: 47px;
    line-height: 47px;
    position: relative;
}
ul.app-news > li > a {
    display: inline-block;
    width: 80%;
    color: #444445;
}

ul.app-news > li span {
    position: absolute;
    right: 0;
}
@media (min-width: 1200px){
	#head .logo{
		margin-top:24px;
		float: left;
	}
}
@media (min-width: 992px) and (max-width: 1199px){
	#head .logo{
		margin-top:24px;
		float: left;
	}
}
@media (min-width: 768px) and (max-width: 991px){
	#top .top-right{
		background: none;
		color: #353535;
		width:auto;
		height: 40px;
	}
	#top .top-right a{
		color: #353535;
		margin: 0 10px;
	}
	#head .logo{
		margin-top:24px;
		float: left;
	}
	#head .phone{
	color: #f7140c;
	font-size: 25px;
	line-height: 1em;
	background: none;
	height: 62px;
	padding-left: 0px;
	margin-top:40px;
	margin-right: 0;
}
}
@media (max-width: 767px) {
	#head{
		height: auto;
	}
	#head a.logo{
		margin:0;
		display: block;
		text-align: center;
	}
	#nav{
		height: auto;
		margin-top:15px;
	}
	#nav .app-nav > li{
		width: 25%;
		float: left;
	    position: relative;
	    border-bottom: 1px solid #79cd00;
	    margin-bottom: -1px;
	}
	#nav .app-nav > li:after{
		display: none;
	}
	#nav .app-nav > li > a{
		color: #FFF;
		line-height: 55px;
		display: block;
		text-align: center;
		margin-right: 0px;
	}
	#nav .app-nav > li > a:hover{
		background: url('../img/nav_h_07.png');
	}
	.common h2{
		font-size: 40px;
	}
	#product .header a{
		display: inline-block;
		background: #5faf05;
		padding:5px 8px;
		color: #ffffff;
		margin:0 1px;
	}
	#custom .item .media{
		margin-bottom:20px;
		margin-right: 0;
		text-align: center;
	}
	#footer .footer-top a{
		width: 25%;
		padding:0px;
		float: left;
		display: block;

	}
}